<template>
	<view class="smart-page">
		<view class="'smart-page-head">
	<view class="smart-page-head-title">switch开关</view>
	</view>

	<view>默认样式</view>
	<view>
	<switch @change="switch1change"></switch>
	<switch checked="true"></switch>
	</view>
	<view>颜色、大小改变</view>
	<view>
	<switch color="#4CD964"class="mini switch"></switch>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			switch1Change(e){
				console.log('switch1当前值：'+e.detail.value);
			}
		}
	}
</script>

<style>
.mini_switch {
		transform: scale(0.7);
	}

</style>
